﻿
@{
    ViewData["Title"] = "Customer";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section Styles{
    <!--Morris Chart CSS -->
    <link rel="stylesheet" href="~/theme2-assets/plugins/morris/morris.css">
    <link href="~/theme2-assets/plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet" type="text/css" />
}


<!-- Page-Title -->
<div class="row">
    <div class="col-sm-12">
        <div class="page-header-box">
            <ol class="breadcrumb pull-right mb-0">
                <li class="breadcrumb-item"><a href="#">Pos</a></li>
                <li class="breadcrumb-item"><a href="#">Order</a></li>
                <li class="breadcrumb-item active">Item</li>
            </ol>
            <h4 class="page-title">Item</h4>
            <div class="clearfix"></div>
        </div>

    </div>
</div>


<!--Basic Toolbar-->
<!--===================================================-->
<div class="row">
    <div class="col-sm-12">
        <div class="card-box">
            <button class="btn btn-warning waves-effect waves-light"> <i class="fa fa-plus-circle"></i> <span>Insert</span> </button>
            <div class="fileupload btn btn-purple waves-effect waves-light">
                <span><i class="ion-upload m-r-5"></i>Import</span>
                <input type="file" class="upload">
            </div>
            <button class="btn btn-dark waves-effect waves-light"> <i class="fa fa-file-o"></i> <span>Export</span> </button>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <div class="card-box">
            <div class="row m-t-10 m-b-10">
                <div class="col-sm-6 col-lg-8">
                    <form role="form">
                        <div class="form-group contact-search m-b-30">
                            <input type="text" id="search" class="form-control" placeholder="Search...">
                            <button type="submit" class="btn btn-white"><i class="fa fa-search"></i></button>
                        </div> <!-- form-group -->
                    </form>
                </div>

                <div class="col-sm-6 col-lg-4">
                    <div class="h5 m-0">
                        <span class="font-16">Sort By:</span>
                        <div class="btn-group vertical-middle" data-toggle="buttons">
                            <label class="btn btn-white btn-md waves-effect active mb-0">
                                <input type="radio" autocomplete="off" checked=""> Status
                            </label>
                            <label class="btn btn-white btn-md waves-effect mb-0">
                                <input type="radio" autocomplete="off"> Type
                            </label>
                            <label class="btn btn-white btn-md waves-effect mb-0">
                                <input type="radio" autocomplete="off"> Name
                            </label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table table-actions-bar">
                    <thead>
                        <tr>
                            <th>Product</th>
                            <th>Order Date</th>
                            <th>Order Number</th>
                            <th>Seller</th>
                            <th>Status</th>
                            <th>Amount</th>
                            <th style="min-width: 80px;">Action</th>
                        </tr>
                    </thead>

                    <tbody>
                        <tr>
                            <td><img src="~/theme2-assets/images/products/iphone.jpg" class="thumb-sm" alt=""> </td>
                            <td>08/10/2015</td>
                            <td><a href="#">UB#160924</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Apple Inc.</b></a>
                            </td>
                            <td>
                                <span class="label label-success">Deliverd</span>
                            </td>
                            <td>$1,256</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/samsung.jpg" class="thumb-sm" alt=""> </td>
                            <td>08/10/2015</td>
                            <td><a href="#">UB#160923</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Samsung Company</b></a>
                            </td>
                            <td>
                                <span class="label label-warning">Shipped</span>
                            </td>
                            <td>$2,562</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/lumia.jpg" class="thumb-sm" alt=""> </td>
                            <td>08/10/2015</td>
                            <td><a href="#">UB#160922</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Sony Company</b></a>
                            </td>
                            <td>
                                <span class="label label-primary">Proceed</span>
                            </td>
                            <td>$6,458</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/imac.jpg" class="thumb-sm" alt=""> </td>
                            <td>07/10/2015</td>
                            <td><a href="#">UB#160921</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Apple Inc.</b></a>
                            </td>
                            <td>
                                <span class="label label-danger">Cancel</span>
                            </td>
                            <td>$1,256</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/macbook.jpg" class="thumb-sm" alt=""> </td>
                            <td>07/10/2015</td>
                            <td><a href="#">UB#160920</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Apple Inc.</b></a>
                            </td>
                            <td>
                                <span class="label label-success">Deliverd</span>
                            </td>
                            <td>$7,521</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>


                        <tr>
                            <td><img src="~/theme2-assets/images/products/iphone.jpg" class="thumb-sm" alt=""> </td>
                            <td>08/10/2015</td>
                            <td><a href="#">UB#160924</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Apple Inc.</b></a>
                            </td>
                            <td>
                                <span class="label label-success">Deliverd</span>
                            </td>
                            <td>$1,256</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/samsung.jpg" class="thumb-sm" alt=""> </td>
                            <td>08/10/2015</td>
                            <td><a href="#">UB#160923</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Samsung Company</b></a>
                            </td>
                            <td>
                                <span class="label label-warning">Shipped</span>
                            </td>
                            <td>$2,562</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/lumia.jpg" class="thumb-sm" alt=""> </td>
                            <td>08/10/2015</td>
                            <td><a href="#">UB#160922</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Sony Company</b></a>
                            </td>
                            <td>
                                <span class="label label-primary">Proceed</span>
                            </td>
                            <td>$6,458</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/imac.jpg" class="thumb-sm" alt=""> </td>
                            <td>07/10/2015</td>
                            <td><a href="#">UB#160921</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Apple Inc.</b></a>
                            </td>
                            <td>
                                <span class="label label-danger">Cancel</span>
                            </td>
                            <td>$1,256</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/macbook.jpg" class="thumb-sm" alt=""> </td>
                            <td>07/10/2015</td>
                            <td><a href="#">UB#160920</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Apple Inc.</b></a>
                            </td>
                            <td>
                                <span class="label label-success">Deliverd</span>
                            </td>
                            <td>$7,521</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>


                        <tr>
                            <td><img src="~/theme2-assets/images/products/iphone.jpg" class="thumb-sm" alt=""> </td>
                            <td>08/10/2015</td>
                            <td><a href="#">UB#160924</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Apple Inc.</b></a>
                            </td>
                            <td>
                                <span class="label label-success">Deliverd</span>
                            </td>
                            <td>$1,256</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/samsung.jpg" class="thumb-sm" alt=""> </td>
                            <td>08/10/2015</td>
                            <td><a href="#">UB#160923</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Samsung Company</b></a>
                            </td>
                            <td>
                                <span class="label label-warning">Shipped</span>
                            </td>
                            <td>$2,562</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/lumia.jpg" class="thumb-sm" alt=""> </td>
                            <td>08/10/2015</td>
                            <td><a href="#">UB#160922</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Sony Company</b></a>
                            </td>
                            <td>
                                <span class="label label-primary">Proceed</span>
                            </td>
                            <td>$6,458</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/imac.jpg" class="thumb-sm" alt=""> </td>
                            <td>07/10/2015</td>
                            <td><a href="#">UB#160921</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Apple Inc.</b></a>
                            </td>
                            <td>
                                <span class="label label-danger">Cancel</span>
                            </td>
                            <td>$1,256</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                        <tr>
                            <td><img src="~/theme2-assets/images/products/macbook.jpg" class="thumb-sm" alt=""> </td>
                            <td>07/10/2015</td>
                            <td><a href="#">UB#160920</a></td>
                            <td>
                                <a href="" class="text-dark"><b>Apple Inc.</b></a>
                            </td>
                            <td>
                                <span class="label label-success">Deliverd</span>
                            </td>
                            <td>$7,521</td>
                            <td>
                                <a href="#" class="table-action-btn"><i class="md md-edit"></i></a>
                                <a href="#" class="table-action-btn"><i class="md md-close"></i></a>
                            </td>
                        </tr>

                    </tbody>
                </table>
            </div>
        </div>

    </div> <!-- end col -->

</div>

@section Scripts{
    <!-- Bootsrap table js -->
    <script src="~/theme2-assets/plugins/bootstrap-table/js/bootstrap-table.js"></script>
    <script src="~/theme2-assets/pages/jquery.bs-table.js"></script>
}